<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="Shortcut Icon" href="imgs/logo.ico"/>
    <title>佰傲嘉</title>
    <style type="text/css">
        * { margin: 0; padding: 0; }
        body { width: 100%; background: url('/imgs/bg.jpg'); }
        #banner { width: 100%; overflow: hidden; position: fixed; top: 0; z-index: 10; }
        #banner ul { margin: 0 auto; padding: 5px 0; width: 1000px; height: 50px; overflow: hidden; }
        #banner li { padding: 10px; text-align: center; font-size: 14px; color: #DDD; list-style: none; cursor: pointer; float: left; }
        #banner .li { padding: 15px 20px; color: #DDD; }
        #banner .li:hover { color: #FFF; background: url('/imgs/tmd.png'); }
    </style>
</head>
<body>
<!--顶部菜单栏-->
<div id="banner"></div>

<div style="width: 100%; color: #198954; background: #FFF; font-size: 14px; position: fixed; bottom: 0;">
    <div style="margin: 0 auto; padding: 0 auto; padding-top: 5px; padding-bottom: 5px; width: 600px;">
        网络备案：
        <a href="https://beian.miit.gov.cn" target="_blank" style="color: #198954; text-decoration: none;">
            浙ICP备2021012406号-3
        </a>，
        佰傲嘉教育 &copy; 2022 Copyright, All Rights Reserved
    </div>
</div>

<span id="pop"></span>
</body>
</html>


<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    var cw = document.documentElement.clientWidth;
    var ch = document.documentElement.clientHeight;
    var lang = 'cn'; //cn中文，en英文
    (function(){
        $('body').height(ch);
    })();
    var tops = [
        {id:1,cn:'官网首页',en:'Home',pl: 400, link:'javascript:pop({msg:\'已在首页\'});'},
        {id:2,cn:'生物+大会',en:'Bioplus',pl: 490, link:'http://www.bioplus.org.cn'},
        {id:3,cn:'公益基金会',en:'Foundation',pl:600,link:''},
        {id:4,cn:'科学技术研究院',en:'Academy',pl:750,link:''},
        {id:5,cn:'愿景唯新虚拟实验室',en:'Lab',pl:900,link:'http://test.bioplus-edu.com'},
        // {id:6,title:'联系我们',pl:1040,link:''},
    ];
    (function(){
        banner();
        if (cw>1920) { $('#bgvideo').width(cw); }
    })();
    function banner(){
        var d = tops;
        var h = '', i, id, cnen, link;
        h += '<ul>';
        h += '<li style="width: 180px; text-align: left;" onclick="window.location.href=\'\';">';
//        h += '<img src="imgs/logo-all.png" style="width:90px;">';
        h += '<img src="imgs/logo.png" style="height:30px;">';
        h += '</li>';
        for (i=0; i<d.length; i++) {
            id = d[i].id;
            cnen = lang=='cn' ? d[i].cn : d[i].en;
            link = d[i].link;
            if (d[i].link=='') {
                h += '<li class="li" onclick="pop({msg:\'尽请期待\'})">'+cnen+'</li>';
            } else {
                h += '<li class="li" onclick="toJump('+id+');">'+cnen+'</li>';
                h += '<input type="hidden" id="link'+id+'" value="'+link+'"/>';
            }
        }
        var yuyan = lang=='cn' ? 'EN' : 'CN';
        h += '<li class="li" id="lang" onclick="setLang()">'+yuyan+'</li>';
        h += '</ul>';
        $('#banner').html(h);
    }
    function toJump(id){
        window.location.href = $('#link'+id).val();
    }
    //切换语言
    function setLang(){
        lang = lang=='cn' ? 'en' : 'cn';
        banner();
    }
</script>